<!DOCTYPE html>
<html>
<head>
<!--
http://code.google.com/p/qingyuehui/
浅蓝的透明颜色是：#c5e7f2
棕色的透明颜色是：#c7bdb7
深蓝的透明颜色是：#a2d5e8
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="bookmark" type="image/x-icon" /> 
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="icon" type="image/x-icon" /> 
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
<title>轻约会 - 发现约会</title>
<link href="mainstyle.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function () {
        var hd = $('#header');
        $(window).scroll(function() {
                var st = $(window).scrollTop();
                if(st > 124){
                        hd.css("position","fixed");
						hd.css("top",0);
                }else{
                        hd.css("position","absolute");
						hd.css("top",124);
                }
                if(st > 124){
                        $("#totop").css("display","inline");
                }else{
                        $("#totop").css("display","none");
                }
        });
		
		$("#keyword").focus(function(srcc)
        {
            if ($(this).val() == $(this)[0].title)
            {
                $(this).removeClass("defaultTextActive");
                $(this).val("");
            }
        });
        
        $("#keyword").blur(function()
        {
            if ($(this).val() == "")
            {
                $(this).addClass("defaultTextActive");
                $(this).val($(this)[0].title);
            }
        });
        $("#keyword").blur();
})
</script>
</head>

<body align="center">
<div id="container" align="center">
    <div id="preHeader">
    <a href="#"><img id="logo" src="assets/images/logo.png"></a>
        <div id="mobile-logo">
            <img id="mobile-text" src="assets/images/mobile_text.png">
            <a id="android-logo" href="#"></a>
            <a id="apple-logo" href="#"></a>
        </div>
    </div>

    <div id="header">
        <div id="headercontent" align="left">
            <div id="city">北京<a href="http://marksheng.net">[切换城市]</a>
            </div>
            <div id="discovery-event" class="discovery_now"><a href="http://marksheng.net">发现约会</a>
            </div>
            <div id="discovery-place" class="discovery"><a href="http://marksheng.net">发现地点</a>
            </div>
            <div id="discovery-friend" class="discovery"><a href="http://marksheng.net">发现伙伴</a>
            </div>
            <div class="blank">
            </div>
            <div class="blank2">
                <div id="search">
                    <div style="float:right"></div><a href="http://baidu.com"><img src="assets/images/search.png" style="float:right;padding-top:2px;"/></a>
                    <div style="float:right">
                        <input type="text" id="keyword"
                            name="keyword" maxlength="20" tabindex="1" 
                            title="发起人姓名 / 活动名称" onkeypress="if(event.keyCode==13) {checkKeyword();}" 
                            style="border:none;float:right;"/>
                    </div>
                </div>
            </div>
            <div id="settings" class="headerRight"><a href="http://marksheng.net"><img src="assets/images/settings.png" /></a>
            </div>
            <div id="massage" class="headerRight"><a href="http://marksheng.net"><img src="assets/images/message_empty.png" /></a>
            </div>
            <div id="person" class="headerRight"><a href="http://marksheng.net">盛茂家</a>
            </div>
            <div id="createNewDate" class="headerRight"><img src="assets/images/add_icon.png" style="padding-bottom:2px;"/> <a href="http://marksheng.net">发起新约会</a>
            </div>
            
        </div>
    </div>
    
    <div id="main">
        <div id="left">
            <div id="left-head">
                <div id="left-guide-right"><!--right-->
                    <div id="left-guide"><!--left-->
                        | 约会类型:
                        <a href="http://marksheng.net">全部</a>
                        <a href="http://marksheng.net">美食</a>
                        <a href="http://marksheng.net">运动</a>
                        <a href="http://marksheng.net">学术</a>
                        <a href="http://marksheng.net">聚会</a>
                        <a href="http://marksheng.net">公益</a>
                        <a href="http://marksheng.net">有偿任务</a>
                        <a href="http://marksheng.net">不告诉你</a>
                        </br>
                        | 约会时间:</br>
                        | 约会地点:</br>
                    </div>
                    <a href="http://marksheng.net">
                        <div id="left-guide-right-content">
                            大型约会</br></br>
                            <img src="assets/images/last.png" alt="last"/>
                        </div>
                    </a>
                </div>
                <div id="left-head-border-left"></div><div id="left-head-border-right"></div>
                
            </div>
            
            <div id="left-sort">
                <div id="selectall" class="selected"><a href="#">全部</a></div>
                <div id="concerned" class="select"><a href="#">关注人发起的约会</a></div>
                <div id="collection" class="select"><a href="#">我收藏的约会</a></div>
                <div style="float:right;padding-top:5px;">排序:&nbsp&nbsp&nbsp<a href="#" class="a_sort">发布时间</a>&nbsp&nbsp&nbsp<a href="#" class="a_sort">约会开始时间</a></div>
            </div>
            
            <div id="left-content"><!--事件列表-->
                <div class="event" id="event1">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 100/200
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">大家都来开发网站大家都来开发网站大家都来开发网站</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A清华大学紫荆公寓一号楼</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="event2">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="event3">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div1">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div2">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div3">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div4">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div5">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
                <div class="event" id="Div6">
                    <div><img src="assets/images/cover.jpg" alt="photo"/></div>
                    <div class="photoclass" >学术</div>
                    <a href="#">
                    <div class="event_detail" >详情
                        </br>
                        <div class="event_apply_number">
                            </br>报名人数: 1/2
                        </div>
                    </div>
                    </a>
                    <div class="event_info" >
                        <div class="event_title"><a href="#">一起去观测流星雨一起去观测流星雨一起去观测流星雨</a></div><!--有字数限制-->
                        <h>时间</h>&nbsp&nbsp  2012年7月23日 1:53</br>
                        <h>地点</h>&nbsp&nbsp  清华大学紫荆公寓一号楼529A</br><!--有字数限制-->
                        <h>发起</h>&nbsp&nbsp  <a href="#">盛茂家</a></br>
                    </div>
                </div>
                
            </div>
            <div id="left-foot"><a href="#"><img src="assets/images/readmore.png" alt="点击查看更多" style="padding:0px;"/></a>
            </div>
        </div>
        
        <div id="right">
            <div id="right-broadcast">
                <div id="broadcast-head" class="right-head"><a href="#"><h>灵感广播</h></a> &nbsp&nbsp<a href="#">[贡献灵感]</a></div>
                <div id="broadcast-body" class="right-body">
                    <img src="assets/images/movie_sample.png" alt="movie_sample"/>
                    <div id="broadcast-text"><a href="#"><h>[电影]麦兜当当伴我心</h></a></br>为挽救幼稚园。。。</div>
                    <div id="broadcast-text-comment">豆瓣评分:8.4</div>
                </div>
                <div id="broadcast-foot" class="right-foot">
                    <a href="#"><div class="tolast"></div></a>
                    <a href="#"><div class="tonext"></div></a>
                    <div class="right-operation"><a href="#">发起约会</a></div>
                </div>
            </div>
            
            <div id="right-d-friend">
                <div id="friend-head" class="right-head">
                    <a href="#"><h>发现伙伴</h></a><div class="more"><a href="#">更多</a></div>
                </div>
                <div id="friend-body" class="right-body">
                    <div id="friend-1">
                        <img src="assets/images/head_sample.png" alt="head_sample"/>
                        盛茂家
                        <div class="addfriend">+ 关注</div>
                    </div>
                    <div id="friend-2">
                        <img src="assets/images/head_sample.png" alt="head_sample"/>
                        家茂盛
                        <div class="addfriend">+ 关注</div>
                    </div>
                    <div id="friend-3">
                        <img src="assets/images/head_sample.png" alt="head_sample"/>
                        茂盛家
                        <div class="addfriend">+ 关注</div>
                    </div>
                    <div id="friend-4">
                        <img src="assets/images/head_sample.png" alt="head_sample"/>
                        盛家茂
                        <div class="addfriend">+ 关注</div>
                    </div>
                    <div id="friend-5">
                        <img src="assets/images/head_sample.png" alt="head_sample"/>
                        茂家盛
                        <div class="addfriend">+ 关注</div>
                    </div>
                </div>
                <div id="friend-foot" class="right-foot">
                    <a href="#"><div class="tolast"></div></a>
                    <a href="#"><div class="tonext"></div></a>
                    <div class="right-operation"><a href="#">关注全部</a></div>
                </div>
            </div>
            <div id="right-d-place">
                <div id="place-head" class="right-head">
                    <a href="#"><h>发现地点</h></a><div class="more"><a href="#">更多</a></div>
                </div>
                <div id="place-body" class="right-body">
                    <img src="assets/images/movie_sample.png" alt="place_sample"/>
                    是什么让一家人均60元的。。。
                </div>
                <div id="place-foot" class="right-foot">
                    <a href="#"><div class="tolast"></div></a>
                    <a href="#"><div class="tonext"></div></a>
                    <div class="right-operation"><a href="#">去看看</a></div>
                </div>
            </div>
            
            <div id="right-ad">
                <a href="#"><img src="assets/images/movie_sample.png" alt="place_sample"/></a>
            </div>
        </div>
    </div>
    
    <!--to top-->
    <a href="#"><div id="totop"></div></a>
</div>
<!--foot-->
<div id="foot">
    轻约会 2012
    <div id="footRight">
        <a href="http://marksheng.net">关于</a>
        <a href="http://marksheng.net">手机轻约会</a>
        <a href="http://marksheng.net">营销服务</a>
        <a href="http://marksheng.net">招聘</a>
        <a href="http://marksheng.net">客服帮助</a>
        <a href="http://marksheng.net">隐私</a>
    </div>
</div>
</body>
</html>